import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.scss';
import { RouterProvider } from 'react-router-dom';
import router from './router';


const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    {/* {}外面的router是一个变量，它存储了路由配置对象。
   这个变量通常是通过 createBrowserRouter 或 createHashRouter 创建的。
   {} 里的 router 是 JSX 语法中的属性值，
    它表示将外面的 router 变 量
    传递给 RouterProvider 组件的 router 属性。  */}
    <RouterProvider router={router} />
  </React.StrictMode>
);


